@charset "utf-8";
@import "reset";
html{
    font-size: 40px;
      }
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
$allWidth:1920;
@function w($Width){
    @return $Width/$allWidth*100%;
}
body{
    font-size: 16px;
}
.index_banner{ 
   
    position: relative;
    .index_banner_local{
            position: absolute;
            top: 35%;
            left:25%;
            text-align: center;
            >p{
                font-size: 87px;
                color: white;
            }
            .index_banner_local_bottom{
                display: flex;
                display: -webkit-flex;
                justify-content: space-around;
                align-items: center;
                border: 1px solid white;
                width: 226px;
                height: 60px;
                margin: 0 auto;
                margin-top: 5%;
                >a{
                    color: white;
                    font-size: 18px;
                }
                >a:hover{
                   font-size: 25px;
                   color:#b27d71;
                }
            }
        }
}
.index_Product{
    margin-top: 5%;
}
.Product_p{
    width: 75%;
    margin: 0 auto;
    text-align: center;
    >h5>a{
        font-size: r(60);
        color: #636463;
        line-height: 3;
    }
    .Product_p_img{
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        >img{
            width: r(460);
            height: r(312);
            margin-right: 1%;
        }
    }
    >p{
         padding-top: 3%;
        padding-bottom: 8%;
    }
    >p>span{
        font-size: r(20);
       
    }
    >p>span:nth-of-type(2){
        color: gray;
    }
}
@media only screen and (max-width:768px){
    .index_banner{ 
   
    position: relative;
    
    .index_banner_local{
            position: absolute;
            top: 40%;
            left:30%;
            text-align: center;
            >p{
                font-size: r(87);
                color: white;
            }
            .index_banner_local_bottom{
                display: flex;
                display: -webkit-flex;
                justify-content: space-around;
                align-items: center;
                border: 1px solid white;
                width: 226px;
                height: 60px;
                margin: 0 auto;
                margin-top: 5%;
                >a{
                    color: white;
                    font-size: 18px;
                }
                >a:hover{
                   font-size: 25px;
                   color:#b27d71;
                }
            }
        }
        .Product_p{
            width: 85%;
            margin: 0 auto;
            text-align: center;
            >h5>a{
                font-size: r(60);
                color: #636463;
                line-height: 3;
            }
            .Product_p_img{
                width: 100%;
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                >img{
                    width: r(460);
                    height: r(312);
                    margin-right: 1%;
                }
            }
}
}
.index_Product{
    margin-top: 5%;
}
}